body {
    margin: 0px;
    background-color: #F0F0F0;
    font-size: 3.6vw;
    line-height: 1;
}

input, textarea, select {
    width: 100%;
    border: none;
    background-color: #FAFAFA;
    font-size: 3.6vw;
    color: #323232;
}

    input[type='checkbox'] {
        height: 100% !important;
        width: 4vw !important;
        min-width: unset !important;
    }

select {
    -webkit-appearance: none;
    background: url("../image/common/select.png") no-repeat center right;
    background-size: 3.2vw auto;
    line-height: inherit;
    padding-right: 4vw;
    direction: rtl;
    overflow: hidden;
    text-overflow: ellipsis;
}

textarea {
    height: 20vw;
}

li {
    list-style: none;
}

.mint-toast, .mint-toast-text {
    z-index: 4000;
    font-size: 4vw !important;
}

.picker-toolbar {
    padding: 2vw 0;
}

.mint-datetime-action {
    font-size: 4.4vw !important;
}

.picker-item {
    font-size: 4vw !important;
    line-height: 4vw !important;
}

[required] {
    color: red;
}

[view] {
    height: 100vh;
}

[hidden] {
    display: none;
}

[flex] {
    display: flex;
}

[flex-v] {
    display: flex;
    flex-direction: column;
}

[center] {
    display: flex;
    justify-content: center;
    align-items: center;
}

[center-h] {
    display: flex;
    justify-content: center;
}

[center-v] {
    display: flex;
    align-items: center;
}

[arrow-up] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: 0.2vw solid #646464;
    border-right: 0.2vw solid #646464;
    transform: rotate(315deg);
}

[arrow-down] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: 0.2vw solid #646464;
    border-right: 0.2vw solid #646464;
    transform: rotate(135deg);
}

[arrow-left] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: 0.2vw solid #646464;
    border-right: 0.2vw solid #646464;
    transform: rotate(225deg);
}

[arrow-right] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: 0.2vw solid #646464;
    border-right: 0.2vw solid #646464;
    transform: rotate(45deg);
}

[datetime] {
}

    [datetime] > div:nth-child(1) {
        min-width: 20vw;
        height: 100%;
        background: url("../image/common/select.png") no-repeat center right;
        background-size: 3.2vw auto;
        padding-right: 4.4vw;
    }

[category] {
    padding: 0vw 2vw;
    height: 4.4vw;
    border-radius: 0.8vw;
    font-size: 2.8vw;
    line-height: 4.4vw;
    text-align: center;
    color: #FAFAFA;
    background-color: #27A3D1;
}

[fault] {
    padding: 0.8vw 2vw;
    height: 4.4vw;
    border-radius: 0.8vw;
    font-size: 3.6vw;
    line-height: 4.4vw;
    text-align: center;
    color: #FAFAFA;
    background-color: #4063E6;
}

[count] {
    padding: 0vw 2vw;
    height: 4.4vw;
    border-radius: 0.8vw;
    font-size: 2.8vw;
    line-height: 4.4vw;
    text-align: center;
    color: #FAFAFA;
    background-color: #EA4A30;
}

[palaceholder-topbar] {
    height: 11.6vw;
}

[topbar] {
    width: 100vw;
    height: 11.6vw;
}

    [topbar] > a {
        padding: 0 !important;
        color: #909090 !important;
    }

        [topbar] > a.is-selected {
            color: #4063E6 !important;
            border-bottom: 0.4vw solid #4063E6 !important;
        }

        [topbar] > a > div {
            font-size: 4.4vw;
            line-height: 11.6vw;
        }

[placeholder-bottombar] {
    height: 13.2vw;
}

[bottombar] {
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100vw;
    height: 13.2vw;
}

    [bottombar] > input {
        flex: 1;
        font-size: 4vw;
        border-right: 0.4vw solid #CCCCCC;
    }

    [bottombar] [white] {
        background-color: #FAFAFA;
        color: #4063E6;
    }

    [bottombar] [blue] {
        background-color: #4063E6;
        color: #FAFAFA;
    }

[search] {
    padding: 0 2vw;
    line-height: 4vw;
}

    [search] > img {
        margin: 0 0 0 1vw;
        width: 4vw;
        height: 4vw;
    }

[tree-selector] {
    width: 91.2vw;
    color: unset;
    opacity: 1.3;
}

    [tree-selector] > div:nth-child(1) {
        display: flex;
    }

        [tree-selector] > div:nth-child(1) > div {
            flex: 1;
            padding: 2.8vw 0;
            border-bottom: 0.4vw solid #CCCCCC;
            font-size: 3.6vw;
            color: #646464;
            text-align: center;
            background-color: #E8E8E8;
        }

            [tree-selector] > div:nth-child(1) > div.active {
                border-color: #4063E6;
                color: #F0F0F0;
                background-color: #889DEC;
            }

    [tree-selector] > div:nth-child(2) {
        display: flex;
        height: 72vw;
        border-bottom: 0.2vw solid #EBEBEB;
    }

        [tree-selector] > div:nth-child(2) > div {
            overflow-x: hidden;
            overflow-y: auto;
        }

            [tree-selector] > div:nth-child(2) > div:nth-child(1) {
                flex: 1;
            }

            [tree-selector] > div:nth-child(2) > div:nth-child(2) {
                width: 60.8vw;
            }

                [tree-selector] > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
                    display: flex;
                    padding: 1vw;
                }

                    [tree-selector] > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > img {
                        margin: 2vw;
                        width: 4vw;
                        height: 4vw;
                    }

                    [tree-selector] > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > input {
                        font-size: 4vw;
                        border: 0.2vw solid #EBEBEB;
                    }

    [tree-selector] > div:nth-child(3) {
        padding: 2.8vw;
    }

        [tree-selector] > div:nth-child(3) > input {
            width: 34vw;
            height: 9.6vw;
            border-radius: 0.8vw;
            font-size: 4vw;
        }

            [tree-selector] > div:nth-child(3) > input:nth-child(2) {
                margin: 0 0 0 5.2vw;
            }

    [tree-selector] [confirm] {
        color: #F5F5F5;
        background-color: #4063E6;
    }

    [tree-selector] [cancel] {
        color: #909090;
        background-color: #E6E6E6;
    }

    [tree-selector] [tree-item] {
        padding: 0 0 0 2vw;
        font-size: 3.6vw;
    }

        [tree-selector] [tree-item] > div:nth-child(1) {
            padding: 2.4vw 0;
            color: #323232;
            border-bottom: 0.2vw solid #EBEBEB;
        }

        [tree-selector] [tree-item].active > div:nth-child(1) {
            color: #4063E6 !important;
            border-bottom: 0.2vw solid #4063E6;
        }

        [tree-selector] [tree-item] [tree-item] > div:nth-child(1) {
            font-size: 2.8vw;
            color: #646464;
        }

    [tree-selector] [list-item] {
        padding: 4.4vw;
        border-bottom: 0.2vw solid #EBEBEB;
        font-size: 3.6vw;
        color: #646464;
        line-height: 1 !important;
    }

    [tree-selector] .active[list-item] {
        color: #4063E6;
    }

[upload] {
    height: 27.6vw;
    margin-left: 6.4vw;
}

    [upload] > img {
        margin: 0 3.2vw 0 0;
        width: 19.2vw;
        height: 19.2vw;
    }

    [upload] > [file] {
        width: 19.2vw;
        height: 19.2vw;
        background: url("../image/common/upload.png") no-repeat;
        background-size: 100%;
    }

        [upload] > [file] > input[type='file'] {
            width: 100%;
            height: 100%;
            opacity: 0;
        }

[empty] {
    text-align: center;
    margin: 40vw 0 0 0;
    font-size: 4.8vw;
    color: #909090;
}

    [empty] > img {
        margin: 0 0 7.6vw 0;
        width: 38vw;
        height: 38vw;
    }
